<template>
  <div>
    <p v-red>我是v-red指令</p>
    <p v-bg="pink">我是v-bg指令</p>
  </div>
</template>

<script>
export default {
name:"App",
  /* 
    案例:封装一个局部自定义指令,可以操作背景颜色
  */
 
  directives:{
     /* 自定义指令函数接受的第一个参数就是当前指令要操作的真实DOM */
 red(el){
  el.style.background="red"
 },/* 自定义指令函数接受的第一个参数就是当前指令要操作的真实DOM */
 bg(el,binding){
  el.style.background=binding.value;
 }
}
}
</script>

<style>

</style>